{% extends "dash/base.html" %}
{% block content %} 
<div id='tab_disp'>
<h2>IN Traffic</h2>
<table id='t5'>
                      <thead>
          		    <tr>
              			<th>id</th>
             		        <th>flow_time</th>
              			<th>bytes</th>
              			<th>srcip</th>
              			<th>srcport</th>
              			<th>dstip</th>
              			<th>dstport</th>
              			<th>packets</th>
              			<th>flags</th>
              			<th>protocol</th>
              			<th>tos</th>
                           

                           </tr>
                      </thead>
                      <tbody>
         		   {% for item in slist1 %}
                           <tr>
             			<td>{{ item.id }}</td>
              			<td>{{ item.flow_time }}</td>
             	                <td>{{ item.bytes }}</td>
             	                <td>{{ item.srcip }}</td>
             	                <td>{{ item.srcport }}</td>
             	                <td>{{ item.dstip}}</td>
             	                <td>{{ item.dstport }}</td>
             	                <td>{{ item.packets}}</td>
             	                <td>{{ item.flags}}</td>
             	                <td>{{ item.protocol}}</td>
             	                <td>{{ item.tos}}</td>


               
           		   </tr>
                           {% endfor %}

          	      </tbody>

                      </table>
    <h2>OUT Traffic</h2>
               <table id='t6'>
                      <thead>
          		    <tr>
              			<th>id</th>
             		        <th>flow_time</th>
              			<th>bytes</th>
              			<th>srcip</th>
              			<th>srcport</th>
              			<th>dstip</th>
              			<th>dstport</th>
              			<th>packets</th>
              			<th>flags</th>
              			<th>protocol</th>
              			<th>tos</th>
                           

                           </tr>
                      </thead>
                      <tbody>
         		   {% for item in slist %}
                           <tr>
             			<td>{{ item.id }}</td>
              			<td>{{ item.flow_time }}</td>
             	                <td>{{ item.bytes }}</td>
             	                <td>{{ item.srcip }}</td>
             	                <td>{{ item.srcport }}</td>
             	                <td>{{ item.dstip}}</td>
             	                <td>{{ item.dstport }}</td>
             	                <td>{{ item.packets}}</td>
             	                <td>{{ item.flags}}</td>
             	                <td>{{ item.protocol}}</td>
             	                <td>{{ item.tos}}</td>


               
           		   </tr>
                           {% endfor %}

          	      </tbody>

                      </table>
 </div>
<script>
 $('#initial').hide();
  $('#timedisp').hide();
  $('#protdisp').hide();
 $('#intraffic').hide();
$('#chart6').hide();
$('#table6').hide();
$('#tab_disp').show();
 $('#srch').show();
$('#atck').hide();
</script>
{% endblock %}
